<template>
    <div class="detail">
        {{id}}
    </div>
</template>
<script>
import {useRoute} from 'vue-router'
import {getGoodsDetail} from '@/utils/second.js'
export default {
    setup(props) {
        const route = useRoute()
        console.log(route);//route  路由的所有信息
        // const id = route.params.id //vue-router4.0以上版本获取不到params传参
        // const id = route.query.id
        const id = route.params.id
        // let form = new FormData()
        
        // form.append('id',id) //第一个参数是属性名，第二个参数是属性值
        // console.log(form);

        // 获取详情的请求
        getGoodsDetail({id}).then(res=>{
           console.log(res);
        })

        return {id} //在模版里使用的东西，必须return ，如果不在模版里使用 不用return 

    }
}
</script>